<template>
  <div id="app">
    <transition name="ani">
      <router-view class="page"/>
    </transition>
  </div>
</template>

<style lang="scss">
*{
  padding: 0;
  margin: 0;
}
#app{
  position: relative;
  .page{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.ani-enter{
  transform: translate(100%);
}

.ani-enter-active,.ani-leave-active{
  transition: all 1s ;
}

.ani-leave-to{
  transform: translate(-100%) scale(0) rotate(-180deg);
  opacity: 0;
}












</style>
